<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=640">
    <title>我们结婚了!</title>
    <link href="css/all-in-one.css" rel="stylesheet">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-ui-1.10.3.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <script src="js/Animaton.js"></script>
    <script src="js/sexy.js"></script>
    <script>
        function initPage() {
            var objLoading = document.getElementById("load");
            if (objLoading != null) {
                objLoading.style.display = "none";
                document.getElementById("pageload").style.display = "block";
                m = document.getElementById("music").play();
                voldown = document.getElementById("music");

            }
        }
    </script>
</head>

<body onLoad="initPage()">
    <div id="load">
        <div class="spinner">囍</div>
        <div style="width:100%; text-align:center"><br> Loadding...
        </div>
        <div style=" width:100%; text-align:center; font-size:36px"><br> BRUCE&YOGA
        </div>
        <div style=" width:100%; text-align:center; font-size:24px;">MIX&MATCH</div>
    </div>
    <div style="display:none;" id="pageload">

        <audio autoplay id="music" style="position:absolute; display:none">
  <source src="http://www.17sucai.com/preview/27774/2014-03-19/jQuery+Html5%E5%AE%9E%E7%8E%B0%E5%94%AF%E7%BE%8E%E8%A1%A8%E7%99%BD%E5%8A%A8%E7%94%BB%E4%BB%A3%E7%A0%81/renxi.mp3">
您的浏览器不支持 audio 元素。
</audio>

        <div id="volbtn" style="position:fixed; z-index:99; left:40px; top:40px; background-image:url(images/voicechange.png); background-position:76px;  width:76px; height:60px;" onClick="volchange()"></div>

        <div class="section section1">
            <!--1-->


            <img id="twobg" src="images/twobg.png">

            <car><img id="car01" src="images/car.png"></car>

            <toplogo><img id="toplogo01" src="images/toplogo.png"></toplogo>

            <div id="handscss"><a href="#page2"><img src="images/hands.png"></a></div>

        </div>


        <div class="section section2">
            <!--2-->

            <img id="threebg" src="images/threebg.png">

            <smalllogo><img id="toplogosmall01" src="images/toplogo-small.png"></smalllogo>

            <mapo><img id="map01" src="images/map01.png"></mapo>

            <maptr><img id="map03" src="images/map03.png"></maptr>

            <mapfi><img id="map05" src="images/map05.png"></mapfi>

            <heart>
                <!--<img id="heart01" src="images/heart.png">--><img id="heart01text" src="images/hearttext.png"></heart>

            <car><img id="car02" src="images/car.png"></car>

            <div id="handscss02"><a href="#page3"><img src="images/hands.png"></a></div>

        </div>

        <div class="section section3">
            <!--3-->

            <img id="fourbg" src="images/fourbg.png">

            <smalllogo><img id="toplogosmall02" src="images/toplogo-small.png"></smalllogo>

            <times><img id="time" src="images/time.png"></times>

            <true><a href="page2-1.html"><img id="true" src="images/true.png"></a></true>

            <false><a href="page3-1.html"><img id="false" src="images/false.png"></a></false>

        </div>
    </div>

</body>

</html>